<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" href="build/css/style.css"/>
    <link rel="stylesheet" href="build/css/common.css"/>
    <link rel="stylesheet" href="build/css/stickup.css"/>
    <link rel="stylesheet" href="build/css/flexslider.css"/>
    <link rel="stylesheet" href="build/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="build/css/swiper-3.3.1.min.css"/>
    <script src="build/js/jquery-1.12.3.min.js"></script>
    <script src="build/js/publice.js"></script>
    <script src="build/js/stickUp.min.js"></script>
    <script src="build/js/bootstrap.min.js"></script>
    <script src="build/js/jquery.flexslider-min.js"></script>
    <script src="build/js/swiper-3.3.1.min.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=0d10316ecd4df503ffdb5ff018bdd256"></script>
</head>
<body>
    <div class="container-fluid tab-content">
        <!-- 顶部header部分-->
        <header class="wrapper">
           <div class="pull-left">
               <img src="build/images/logo.png" alt="logo"/>
               <span class="shares">股票代码：<span class="shares_number color-foot">002356</span>
               </span>
           </div>
            <div class="pull-right">
                <ul class="nav navbar-nav" id="navbar-nav">
                    <li class="dropdown">
                        <a class="dropdown-toggle"  href="javascript:void(0)">
                            <span class="language"><img src="build/images/china.png" alt=""/><span>中文</span></span>
                            <span class="arrow_toggle">
                                <img src="build/images/bottom.png" alt=""/>
                            </span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:void(0)"><img src="build/images/china.png" alt=""/><span>中文</span></a></li>
                            <li><a href="javascript:void(0)"><img src="build/images/usa.png" alt=""/><span>English</span></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="list-tab" id="otherInfoTab">
                <ul class="nav nav-tabs">
                    <li class=""><a href="#index_hemei">首页</a></li>
                    <li><a href="#stepin_hemei">走进赫美</a></li>
                    <li><a href="#industry">产业布局</a></li>
                    <li><a href="#news_dynamic">新闻动态</a></li>
                    <li><a href="#investors">投资者关系</a></li>
                    <li><a href="#channel">合作通道</a></li>
                    <li><a href="#contact_us">联系我们</a></li>
                </ul>
            </div>
        </header>
        <!-- 赫美首页-->
        <section class="index_hemei tab-pane active" id="index_hemei">
            <!-- 上栏图片滚动-->
            <div class="banner">
                <div class="flexslider">
                    <ul class="slides">
                        <li>
                            <img src="build/images/HEMEI-banner.png" class="img img-responsive" alt="banner"/>
                            <a class="knowAbout" href="javascript:void(0)">了解赫美></a>
                        </li>
                        <li><img src="build/images/HEMEI-banner1.png" class="img img-responsive" alt="banner"/></li>
                        <li><img src="build/images/HEMEI-banner2.png" class="img img-responsive" alt="banner"/></li>
                    </ul>
                </div>
                <!--<a class="knowAbout" href="javascript:void(0)">了解赫美></a>-->
                <div class="arrow-down_box">
                    <div class="arrow-down">
                        <img src="build/images/bottom_arrow_big.png" alt=""/>
                    </div>
                </div>
            </div>
            <!-- 中部旅游/商业/互联网/智能科技-->
            <div class="introduce">
                <ul>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <div class="title font-size">旅游<small>Tourism</small></div>
                        <div class="line"></div>
                        <div class="content">根据政府十三五规划关于加快推进消费升级的政策以及在2020根据政府十三五规划关于加快推进消费升级的政策以及在2020</div>
                        <div class="knowMore">
                            <span><img src="build/images/right_arrow.png" alt=""/></span>
                            <a class="color-foot" href="javascript:void(0)">了解更多</a>
                        </div>
                    </li>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                       <img src="build/images/banner/banner01.png" class="img-responsive" alt=""/>
                    </li>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <div class="title font-size">商业<small>Business</small></div>
                        <div class="line"></div>
                        <div class="content">赫美集团致力于追求高品质产品与服务，建立起一套完整的消费品加工标准，严格把关每一个产品的品质，把符合国际标准的高品质消费品带到您身边。与“品牌背后的品牌”BLUE BELL合作，形成了卓越的品牌运营能力。</div>
                        <div class="knowMore">
                            <span><img src="build/images/right_arrow.png" alt=""/></span>
                            <a class="color-foot" href="javascript:void(0)">了解更多</a>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <img src="build/images/banner/banner02.png" class="img-responsive" alt=""/>
                    </li>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <div class="title font-size">金融<small>Finance</small></div>
                        <div class="line"></div>
                        <div class="content">赫美集团旗下拥有联金所，联金微贷，浩美资产，提供消费贷款服务、供应链金融服务以及品质生活消费品品牌投资、旅游资产及服务等相关产业投资服务。为大消费升级提供全面的金融支持，让金融真正服务于实业，造福国人。</div>
                        <div class="knowMore">
                            <span><img src="build/images/right_arrow.png" alt=""/></span>
                            <a class="color-foot" href="javascript:void(0)">了解更多</a>
                        </div>
                    </li>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <img src="build/images/banner/banner03.png" class="img-responsive" alt=""/>
                    </li>
                </ul>
                <ul>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <div class="title font-size">智能物联<small>Intelligent Manufacturing</small></div>
                        <div class="line"></div>
                        <div class="content">赫美集团拥有智能家居、智能硬件和新能源的优势资源，配合集团总体战略，通过硬件软件无缝集成，提供智慧城市整体解决方案，构建智慧城镇新体系。同时结合自身品牌优势，助力经济增长，让商业更高效、让环境更优美、让城镇更具竞争力，全面提升国人生活品质。</div>
                        <div class="knowMore">
                            <span><img src="build/images/right_arrow.png" alt=""/></span>
                            <a class="color-foot" href="javascript:void(0)">了解更多</a>
                        </div>
                    </li>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <img src="build/images/banner/banner04.png" class="img-responsive" alt=""/>
                    </li>
                    <li class="col-lg-4 col-md-6 col-sm-12">
                        <div class="title font-size">互联网科技<small>Internet Technology</small></div>
                        <div class="line"></div>
                        <div class="content">通过建立完善的会员管理体系，搭建创新的互联网商业平台，结合集团内线下资源，为客户提供高品质的消费体验。同时，整合各行业的IT资源，建设一个各平台高效互联开放的开发生态圈，支撑各业务板块的融合和发展，形成完整的商业生态大数据平台。充分发挥互联网</div>
                        <div class="knowMore">
                            <span><img src="build/images/right_arrow.png" alt=""/></span>
                            <a class="color-foot" href="javascript:void(0)">了解更多</a>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 新闻资讯-->
            <div class="news_information">
                <div class="news_title text-center">新闻资讯</div>
                <div class="news_shap text-center">News</div>
                <div class="cut-line"></div>
                <div class="news_img">
                    <!--<img src="build/images/news.png" class="img-responsive" alt=""/>-->
                    <div class="news_content text-center">
                        <div class="news_content_title text-center">牵手蓝钟集团、奥因基金。赫美集团进军大消费产业</div>
                        <div class="news_content_detail text-center">8月29日，赫美集团在香港召开新闻发布会，宣布同蓝钟集团和奥因投资达成战略合作，正式进军大消费产业。同时，赫美集团将牵手有“品牌背后的品牌”之称的蓝钟集团及奥因投资，共同成立赫美品牌运营公司，打造赫美自有品牌、国内有潜力品牌，以及将国外品牌引进。<a href="javascript:void(0)">详细></a></div>
                    </div>
                    <a href="javascript:void(0)" class="moreNews">更多新闻></a>
                </div>
            </div>
            <!-- 我们的成员-->
            <div class="our_organize">
                <div class="organize_cn text-center">我们的成员</div>
                <div class="organize_en text-center">Group Member</div>
                <div class="organion">
                    <span class="left_btn"><img src="build/images/left_arrow_big.png" alt=""/></span>
                    <ul class="organize_img">
                        <li class="col-md-3"><a href="javascript:void(0)"><img src="build/images/Carousel/meikelamei.png" class="img-responsive" alt=""/></a></li>
                        <li class="col-md-3"><a href="javascript:void(0)"><img src="build/images/Carousel/haolingda.png" class="img-responsive" alt=""/></a></li>
                        <li class="col-md-3"><a href="javascript:void(0)"><img src="build/images/Carousel/bld.png" class="img-responsive" alt=""/></a></li>
                        <li class="col-md-3"><a href="javascript:void(0)"><img src="build/images/Carousel/lianjinsuo.png" class="img-responsive" alt=""/></a></li>
                    </ul>
                    <span class="right_btn"><img src="build/images/right_arrow_big.png" alt=""/></span>
                    <div>
                        <a href="javascript:void(0)"><span class="left-line"></span></a>
                        <a href="javascript:void(0)"><span class="right-line"></span></a>
                    </div>
                </div>
            </div>
            <!-- 联系我们-->
            <div class="collectOur">
                <div class="collectOur_content">
                    <div class="collect_us">
                        <div class="collect_us_cn">联系我们</div>
                        <div class="collect_us_en">Contact Us</div>
                        <div class="collect_line"></div>
                    </div>
                    <div class="address">
                        <div class="address_company">深圳赫美集团股份有限公司</div>
                        <div class="address_info">地址：深圳市福田区深南大道6011号NEO大厦A栋34楼34F</div>
                        <div class="address_detail">Address：34F ,A Block, NEO Building, 6011 Shennan Road, Futian District, Shenzhen.</div>
                    </div>
                    <div class="collect_ways">
                        <div><span class="icon"><img src="build/images/message_icon/phone.png" alt="电话"/></span><span>电话：0755-26755588</span></div>
                        <div><span class="icon"><img src="build/images/message_icon/fax.png" alt="传真"/></span><span>传真：0755-26755588</span></div>
                        <div><span class="icon"><img src="build/images/message_icon/email.png" alt="邮箱"/></span><span>邮箱：info:@hemei.cn</span></div>
                        <div><span class="icon"><img src="build/images/message_icon/Postcodes.png" alt="邮编"/></span><span>邮编：518053</span></div>
                    </div>
                </div>
            </div>
        </section>
        <!--走进赫美-->
        <div class="stepin_hemei tab-pane" id="stepin_hemei">
            <!-- 走进赫美-->
            <div class="goin_hemei">
                <h2 class="hemei_cn">有关赫美</h2>
                <span class="hemei_en">Our Company</span>
                <div class="hemei_content" id="hemei_contentTab">
                    <a href="#hemei_abstract" class="group_abstract tab-border-bottom">集团简介</a>
                    <a href="#hemei_history" class="group_history">发展历程</a>
                </div>
            </div>
            <div class="tab-content">
                <div class="hemei_abstract tab-pane active" id="hemei_abstract">
                    <!-- 赫美集团-->
                    <div class="hemei_group">
                        <div class="group_title text-center">HEMEI&nbsp;GROUP</div>
                        <div class="group_shap text-center">赫美集团</div>
                        <div class="cut-line"></div>
                        <div class="group_content">
                            <div class="text-left">深圳赫美集团股份有限公司（以下简称“赫美集团”），原名浩宁达，成立于1994年11月， 2010年2月在深圳证券交易所挂牌上市（股票代码：002356）。</div>
                            <div class="text-indent">赫美集团现有商业、旅游、金融、智能物联、互联网科技五大板块的相互助理，致力于打造中国消费品牌全产业链平台。旗下拥有每克拉美、赫美珠宝、欧祺亚、联金所、浩美资产管理、惠州浩宁达、博磊达新能源等子公司</div>
                        </div>
                    </div>
                    <!-- 集团业务-->
                    <div class="group_business">
                        <div class="group_title text-center">BUSINESS</div>
                        <div class="group_shap text-center">集团业务</div>
                        <div class="business_content">
                            <ul>
                                <li><img src="build/images/buiness/business.png" alt=""/></li>
                                <li><img src="build/images/buiness/tourism.png" alt=""/></li>
                                <li><img src="build/images/buiness/finance.png" alt=""/></li>
                                <li><img src="build/images/buiness/Intelligent.png" alt=""/></li>
                                <li><img src="build/images/buiness/internet.png" alt=""/></li>
                            </ul>
                        </div>
                        <div class="group_content">
                            <div class="text-left">赫美集团基于商业、旅业、金融、智能物联、互联网科技等板块，通过“双城”、“百镇”项目，结合中华文化精神，全面布局生态型品质消费产业，构建生态型产业集团。集团通过对中国传统文化在产品中的开发和传播，让旅游业拥有全新的主题和文化，让商业有创新的内容和品牌，让金融更好满足精神追求，让“中国制造”向“中国智造”转型，让互联网用品质链接生活。</div>
                            <div class="text-indent">赫美集团依托创新的战略布局、超强的资源整合能力以及具有前瞻的品牌运营力，致力于打造品牌消费品全产业链平台，让品质消费创在中国走向世界！</div>
                            <div class="text-indent">赫誉天下，美享中国！</div>
                        </div>
                    </div>
                    <!-- 集团愿景-->
                    <div class="group_vision">
                        <div class="group_vision_content">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="text-center"><img src="build/images/buiness/vision.png" alt=""/></dt>
                                        <dd>
                                            <div class="text-center vision_en">Vision</div>
                                            <div class="text-center vision_cn">愿景</div>
                                            <span class="text-center">成为全球最具影响力的品质消费产业集团</span>
                                        </dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="text-center"><img src="build/images/buiness/taget.png" alt=""/></dt>
                                        <dd>
                                            <div class="text-center vision_en">Target</div>
                                            <div class="text-center vision_cn">目标</div>
                                            <span class="text-center">打造中国品牌消费品全产业链平台</span>
                                        </dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="text-center"><img src="build/images/buiness/position.png" alt=""/></dt>
                                        <dd>
                                            <div class="text-center vision_en">Position</div>
                                            <div class="text-center vision_cn">定位</div>
                                            <span class="text-center">设计师品牌全球化运营管理平台</span>
                                        </dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="text-center"><img src="build/images/buiness/concept.png" alt=""/></dt>
                                        <dd>
                                            <div class="text-center vision_en">Concept</div>
                                            <div class="text-center vision_cn">理念</div>
                                            <span class="text-center">设计引领生活</span>
                                        </dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="text-center"><img src="build/images/buiness/mission.png" alt=""/></dt>
                                        <dd>
                                            <div class="text-center vision_en">Mission</div>
                                            <div class="text-center vision_cn">使命</div>
                                            <span class="text-center">肩负民族品牌责任</span>
                                        </dd>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="hemei_history tab-pane" id="hemei_history">
                    <!-- 赫美历史-->
                    <div class="he_history">
                        <div class="down_line"></div>
                        <div class="history_box_left">
                            <h4>2016年05月</h4>
                            <p>公司正式更名“深圳赫美集团股份有限公司”，股票简称“赫美集团”</p>
                            <div class="circle"></div>
                        </div>
                        <div class="history_box_right">
                            <h4>2016年05月</h4>
                            <p>全资子公司深圳赫美珠宝有限公司</p>
                            <div class="circle"></div>
                        </div>
                        <div class="history_box_left">
                            <h4>2016年05月</h4>
                            <p>公司正式更名“深圳赫美集团股份有限公司”，股票简称“赫美集团”</p>
                            <div class="circle"></div>
                        </div>
                        <div class="history_box_right">
                            <h4>2016年05月</h4>
                            <p>全资子公司深圳赫美珠宝有限公司</p>
                            <div class="circle"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 产业布局-->
        <div class="industry tab-pane" id="industry">
            <!-- 产业布局-->
            <div class="hemei_box">
                <h2 class="hemei_box_cn text-center">产业布局</h2>
                <span class="hemei_box_en text-center">Industry layout</span>
            </div>
            <div class="industry_tab list-tab navbar-wrapper">
                <ul class="nav nav-tabs">
                    <li class="menuItem pull-left border-bottom"><a href="#business">商业</a></li>
                    <li class="menuItem pull-left"><a href="#tourism">旅游</a></li>
                    <li class="menuItem pull-left"><a href="#finance">金融</a></li>
                    <li class="menuItem pull-left"><a href="#contentUnion">智能物联</a></li>
                    <li class="menuItem pull-left"><a href="#science">互联网科技</a></li>
                </ul>
            </div>
            <div class="tab-content">
                <!-- 全部-->
                <div class="content_box" >
                    <!-- 商业部分-->
                    <div class="business_box" id="business">
                        <div class="character_title"  >
                            商业&nbsp;Business
                        </div>
                        <div class="character_content">
                            赫美集团致力于追求高品质产品与服务，建立起一套完整的消费品加工标准，严格把关每一个产品的品质，把符合国际标准的高品质消费品带到您身边。与“品牌背后的品牌”BLUE BELL合作，形成了卓越的品牌运营能力。
                        </div>
                        <div class="brand_tab list-tab">
                            <ul class="nav nav-tabs" id="flag_cooperate">
                                <li class="pull-left"><a href="#flag_brand">旗下品牌</a></li>
                                <li class="pull-left"><a href="#cooperate">战略合作</a></li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="flag_brand tab-pane" id="flag_brand">
                                <div class="swiper-container">
                                    <ul class="swiper-wrapper">
                                        <li class="swiper-slide">
                                            <dl>
                                                <dt><img src="build/images/brand_flag/buju01.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>MAKELLUMER</div>
                                                    <p>每克拉美</p>
                                                </dd>
                                            </dl>
                                            <dl class="margin-left">
                                                <dt><img src="build/images/brand_flag/buju02.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>OCA JEWELRY</div>
                                                    <p>欧祺亚</p>
                                                </dd>
                                            </dl>
                                            <dl class="margin-right">
                                                <dt><img src="build/images/brand_flag/buju03.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>ARTRIZ</div>
                                                    <p>ARTRIZ</p>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><img src="build/images/brand_flag/buju04.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>HORMONE</div>
                                                    <p>集合店</p>
                                                </dd>
                                            </dl>
                                        </li>
                                        <li class="swiper-slide">
                                            <dl>
                                                <dt><img src="build/images/brand_flag/buju01.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>MAKELLUMER</div>
                                                    <p>每克拉美</p>
                                                </dd>
                                            </dl>
                                            <dl class="margin-left">
                                                <dt><img src="build/images/brand_flag/buju02.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>OCA JEWELRY</div>
                                                    <p>欧祺亚</p>
                                                </dd>
                                            </dl>
                                            <dl class="margin-right">
                                                <dt><img src="build/images/brand_flag/buju03.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>ARTRIZ</div>
                                                    <p>ARTRIZ</p>
                                                </dd>
                                            </dl>
                                            <dl>
                                                <dt><img src="build/images/brand_flag/buju04.jpg" class="img-responsive" alt=""/></dt>
                                                <dd>
                                                    <div>HORMONE</div>
                                                    <p>集合店</p>
                                                </dd>
                                            </dl>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cooperate tab-pane" id="cooperate">
                                战略合作
                            </div>
                        </div>
                    </div>
                    <!-- 旅业部分 -->
                    <div class="tourism_box" id="tourism">
                        <div class="character_title font-color-white">
                            旅业&nbsp;<small>Tourism</small>
                        </div>
                        <div class="character_content font-color-white">
                            根据政府十三五规划关于加快推进消费升级的政策以及在2020年建设1000个特色小镇的规划，赫美集团与时俱进，成立了两个辐射北京、上海的原创时尚设计产业园，吸引全球各行业优秀设计师来到中国，将国际品质工艺与原创设计结合中国文化传播到世界。同时，结合历史人文和品牌价值，在全国打造100个以上，以品牌消费、有机农业、职业教育、健康医疗、文化娱乐、智慧物联等为主题的生态旅游城镇。通过引入国际品牌入驻和跨界合作，提升生态小镇国际知名度和影响力，使其成为生态宜居、可持续发展的中国品牌文化城镇。
                        </div>
                        <div class="character_content font-color-white">
                            同时，联合奥因投资，为“双城百镇“的建设和运营带来先进的管理经验和丰富的行业资源。同时将中国文化元素为主线的时尚消费品牌覆盖到旅游产业中，让游客在旅游中感受品质生活，分享品牌力量，引领中国旅游消费新模式
                        </div>
                        <div class="character_bottom">
                            <div class="flag_map pull-left font-color-white">
                                <p>旗下品牌</p>
                                <div class="flag_map_box">
                                    <h4>赫美旅业</h4>
                                </div>
                            </div>
                            <div class="cooperate_log pull-right font-color-white">
                                <p>战略合作</p>
                                <ul>
                                    <li class="flag_left"><img src="build/images/brand_flag/wanjingguolv.png" alt=""/></li>
                                    <li class="flag_right"><img src="build/images/brand_flag/liuliudiqiu.png" alt=""/></li>
                                    <li class="flag_bottom"><img src="build/images/brand_flag/hxhunt.png" alt=""/></li>
                                    <li><img src="build/images/brand_flag/meiyayuntong.png" alt=""/></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 金融部分-->
                    <div class="finance_box" id="finance">
                        <div class="character_title font-color-black">
                            金融&nbsp;<small>Finance</small>
                        </div>
                        <div class="character_content">
                            赫美集团旗下拥有联金所，联金微贷，浩美资产，提供消费贷款服务、供应链金融服务以及品质生活消费品品牌投资、旅游资产及服务等相关产业投资服务。为大消费升级提供全面的金融支持，让金融真正服务于实业，造福国人。
                        </div>
                        <div class="character_bg">
                            <!--<p>生活消费品品牌投资</p>-->
                            <!--<p>旅游资产及服务投资</p>-->
                        </div>
                        <div class="character_bottom">
                            <div class="pull-left">
                                <p class="font-color-1">旗下品牌</p>
                                <ul>
                                    <li><img src="build/images/brand_flag/lianjinsuo.png" alt=""/></li>
                                    <li class="center-border"><img src="build/images/brand_flag/lianjinweidai.png" alt=""/></li>
                                    <li><img src="build/images/brand_flag/haomeizichan.png" alt=""/></li>
                                </ul>
                            </div>
                            <div class="pull-right">
                                <p class="font-color-1">战略合作</p>
                                <div><img src="build/images/brand_flag/orion.png" alt=""/></div>
                            </div>
                        </div>
                    </div>
                    <!-- 智能物联部分-->
                    <div class="contentUnion_box" id="contentUnion">
                        <div class="character_title font-color-white">
                            智能物联&nbsp;<small>Intelligent&nbsp;Manufacturing</small>
                        </div>
                        <div class="character_content font-color-white">
                            赫美集团拥有智能家居、智能硬件和新能源的优势资源，配合集团总体战略，通过硬件软件无缝集成，提供智慧城市整体解决方案，构建智慧城镇新体系。同时结合自身品牌优势，助力经济增长，让商业更高效、让环境更优美、让城镇更具竞争力，全面提升国人生活品质。
                        </div>
                        <div class="character_logo">
                            <ul>
                                <li><img src="build/images/buiness/chongdianzhuang.png" alt=""/></li>
                                <li><img src="build/images/buiness/zhinengjiaju.png" alt=""/></li>
                                <li><img src="build/images/buiness/wearable device.png" alt=""/></li>
                                <li><img src="build/images/buiness/zhinengjiqiren.png" alt=""/></li>
                                <li><img src="build/images/buiness/clude.png" alt=""/></li>
                                <li><img src="build/images/buiness/new_source.png" alt=""/></li>
                                <li><img src="build/images/buiness/watch.png" alt=""/></li>
                            </ul>
                        </div>
                        <p class="font-color-white center_content">旗下品牌</p>
                        <div class="brand_logo">
                            <img src="build/images/brand_flag/HND.png" class="img_logo" alt=""/>
                            <img src="build/images/brand_flag/BID.png" alt=""/>
                        </div>
                    </div>
                    <!-- 互联网科技部分-->
                    <div class="Science_box" id="science">
                        <div class="character_title font-color-black">
                            互联网科技&nbsp;<small>Internet&nbsp;Technology</small>
                        </div>
                        <div class="character_content">
                            通过建立完善的会	员管理体系，搭建创新的互联网商业平台，结合集团内线下资源，为客户提供高品质的消费体验。同时，整合各行业的IT资源，建设一个各平台高效互联开放的开发生态圈，支撑各业务板块的融合和发展，形成完整的商业生态大数据平台。充分发挥互联网在资源配置中的优化和集成作用，将文化的创新力、生产力不断增强，并不断变革着文化产品的生产和消费模式，带来文化产业提质升级的新业态。
                        </div>
                        <p class="font-color-black center_content">旗下品牌</p>
                        <div class="brand_logo">
                            <img src="build/images/brand_flag/hermall.png" class="img_logo border-color" alt=""/>
                            <img src="build/images/brand_flag/herclub.png" class="border-color" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 新闻动态-->
        <div class="news_dynamic tab-pane" id="news_dynamic">新闻动态</div>
        <!-- 投资者关系-->
        <div class="investors tab-pane" id="investors">投资者关系</div>
        <!-- 合作通道-->
        <div class="channel tab-pane" id="channel">
            <div class="contact_us_bg">
                <h2 class="contact_us_bg_cn text-center">合作通道</h2>
                <span class="contact_us_bg_en text-center">Channels of cooperation</span>
                <div class="designer_content" id="designer_content">
                    <a href="#designer" class="group_abstract tab-border-bottom">已合作设计师</a>
                    <a href="#brand_designer" class="group_history">设计师品牌合作</a>
                </div>
            </div>
            <div class="tab-content">
                <div class="brand_designer tab-pane" id="designer">
                    <h2 class="text-center designer_en">THE DESIGNER</h2>
                    <P class="text-center">已合作设计师</P>
                    <div class="design_line"></div>
                    <div class="designer_wallpaper clear-both">
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_02.jpg" alt=""/>
                            <span>Marie.P.Q（法）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_03.jpg" alt=""/>
                            <span>Marie.P.C（法）</span>
                        </div>
                        <div class="pull-left" data-toggle="modal" data-target="#myModal">
                            <img src="build/images/desiger/designer_04.jpg" alt=""/>
                            <span>龙梓嘉（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_05.jpg" alt=""/>
                            <span>谢泽峰（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_06.jpg" alt=""/>
                            <span>祝鹤（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_07.jpg" alt=""/>
                            <span>刘艺（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_08.jpg" alt=""/>
                            <span>郑业轩（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_09.jpg" alt=""/>
                            <span>陈龙（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_10.jpg" alt=""/>
                            <span>Anthony Lent（美） </span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_11.jpg" alt=""/>
                            <span>Isabel. E（美）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_12.jpg" alt=""/>
                            <span>Massimo.R（意）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_13.jpg" alt=""/>
                            <span>Sarha.G（美）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_14.jpg" alt=""/>
                            <span>徐可（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_15.jpg" alt=""/>
                            <span>腾美佳子（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_16.jpg" alt=""/>
                            <span>Peter Lau（台）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_17.jpg" alt=""/>
                            <span>吴瑜（中）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_18.jpg" alt=""/>
                            <span>JP CAM（德）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_19.jpg" alt=""/>
                            <span>Trish（港）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_20.jpg" alt=""/>
                            <span>Nicole（法）</span>
                        </div>
                        <div class="pull-left">
                            <img src="build/images/desiger/designer_21.jpg" alt=""/>
                            <span>赵芳（港）</span>
                        </div>
                        <div class="add_designer">
                            <div>
                                <p>设计师还有空缺哦~</p>
                                <a href="javascript:void(0)">+<span>立即合作</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="brand_designer tab-pane" id="brand_designer">
                    <h2 class="text-center designer_en">BRAND COOPERATION</h2>
                    <P class="text-center">设计师品牌合作</P>
                    <div class="design_line"></div>
                    <div class="design_ways">
                        <p class="design_others">联系人：<span>艺术设计中心</span></p>
                        <p class="design_others">电话：<span>0755-26755088</span></p>
                        <p class="design_others">邮箱：<span>ADC@HEMEI.COM</span></p>
                    </div>
                    <form action="" class="design_form">
                        <input type="text" class="pull-left" name="name" placeholder="姓名*"/>
                        <input type="text" class="pull-right" name="phone" placeholder="电话*"/>
                        <input type="text" class="pull-left" name="email" placeholder="邮箱*"/>
                        <input type="text" class="pull-right" name="adress" placeholder="居住地*"/>
                        <textarea class="pull-left" name="words" id="">留言内容</textarea>
                        <div class="pull-left upload">
                            <p>+<span>上传个人履历、个人作品</span></p>
                        </div>
                    </form>
                    <div class="submit">
                        <input type="button" class="btn-resize" value="重置"/>
                        <input type="button" class="btn-submit" value="提交"/>
                    </div>
            </div>
        </div>
        </div>
        <!-- 联系我们-->
        <div class="contact_us tab-pane" id="contact_us">
            <div class="contact_us_bg">
                <h2 class="contact_us_bg_cn text-center">联系我们</h2>
                <span class="contact_us_bg_en text-center">Channels of cooperation</span>
            </div>
            <div class="contact_box">
                <!-- 集团总部-->
                <div class="group_hq">
                    <h3>集团总部</h3>
                    <div class="pull-left group_map" id="container"></div>
                    <div class="pull-right group_address">
                        <h4>地址：深圳市福田区深南大道6011号NEO大厦A栋34楼</h4>
                        <h5>Address：34F ,A Block, NEO Building, 6011 Shennan Road, FutianDistrict, Shenzhen.</h5>
                        <div class="touch_ways">
                            <div class="pull-left">
                                <p><span>电话：</span>(+86)755-26755088</p>
                                <p><span>传真：</span>(+86)755-26755588</p>
                                <p><span>邮箱：</span>info@hemei.cn</p>
                                <p><span>邮编：</span>518053</p>
                            </div>
                            <div class="pull-right">
                                <img src="build/images/weixin_code.png" alt=""/>
                                <p class="text-center">关注赫美公众号</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 人力资源-->
                <div class="human_resource">
                    <h3>人力资源</h3>
                    <div class="">
                        <ul>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/man.png" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">联系人</h4>
                                        <p>人力资源部</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/phone.png" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">电话</h4>
                                        <p>0755-26755088</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/email.png" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">邮箱</h4>
                                        <p>hr@hemei.cn</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 集团成员-->
                <div class="group_member">
                    <h3>集团成员</h3>
                    <div class="">
                        <ul>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/hermall_small.png" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳赫美联合互联网科技有限公司</h4>
                                        <p>深圳市福田区香蜜湖街道侨香路1011号1979文化生活新领域A区2栋3楼</p>
                                        <p>0755-36378288</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/bid.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳博磊达新能源科技有限公司</h4>
                                        <p>深圳市南山区沙河街道侨香路东方科技园1#厂房（华科）6-E</p>
                                        <p>0755-86036206</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/ruiba.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">锐拔科技（深圳）有限公司</h4>
                                        <p>深圳市南山区侨香路高发东方科技园1#厂房（华科）6-F</p>
                                        <p>0755-26780914</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/haoningda.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">南京浩宁达电气有限公司</h4>
                                        <p>南京市江宁区科学园科建路89号</p>
                                        <p>025-84918608</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/yinjun.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳市银骏科技有限公司</h4>
                                        <p>深圳市南山区沙河街道侨城北路高发东方科技园1#厂房（华科)6-C</p>
                                        <p>0755-26753555</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/hnd.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">惠州浩宁达科技有限公司</h4>
                                        <p>惠州大亚湾经济技术开发区龙山七路</p>
                                        <p>0752-5716388</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/mklm.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">每克拉美（北京）钻石商场有限公司</h4>
                                        <p>北京市朝阳区朝阳公园路6号院14号楼</p>
                                        <p>400-898-5858</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/hemei.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳赫美商业有限公司</h4>
                                        <p>深圳市福田区香蜜湖街道侨香路1011号1979文化生活新领域A区2栋3楼</p>
                                        <p>0755-36378288</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/haomei.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳市浩美资产管理有限公司</h4>
                                        <p>深圳市前海深港合作区前湾一路1号A栋201室</p>
                                        <p>0755-36378347</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/ocp.png" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳市欧祺亚实业有限公司</h4>
                                        <p>深圳市罗湖区翠竹街道翠竹路2135号3栋5楼C、D区</p>
                                        <p>0755-25777977</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/lianjinweidai.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳联合金融小额贷款股份有限公司</h4>
                                        <p>深圳市福田区车公庙天安创新科技广场B栋908</p>
                                        <p>0755-23962227</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="build/images/concatus/lianjinsuo.jpg" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">深圳联金所金融信息服务有限公司</h4>
                                        <p>深圳市福田区车公庙天安创新科技广场B907</p>
                                        <p>0755-23962227</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--底部footer部分-->
        <footer>
            <div class="introduce_top">
                <div class="pull-left">
                    <ul>
                        <li><a href="">集团简介</a></li>
                        <li><a href="">登录OA </a></li>
                        <li><a href="">登录邮箱</a></li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                </div>
                <div class="pull-right"><img src="build/images/weixin.png" id="wexin_code" alt=""/></div>
                <div class="weixin_code none">
                     <img src="build/images/weixin_code.png" alt=""/>
                </div>
            </div>
            <div class="line"></div>
            <div class="introduce_bottom">
                <span class="pull-left">地址：深圳市福田区深南大道6011号NEO大厦A栋34楼34F</span>
                <span class="pull-right">版权所有© 赫美集团 2016-2026 粤ICP备16052147号-1</span>
            </div>
        </footer>
        <!-- 合作通道已合作设计师详细介绍弹出层-->
        <div class="modal fade my_modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                        </div>
                        <h4 class="modal-title" id="myModalLabel">龙梓嘉（中）</h4>
                    </div>
                    <div class="modal-body">
                        <h3>个人简介<small>Personal profile</small></h3>
                        <div class="media">
                            <a class="media-left" href="#">
                                <img src="build/images/desiger/designers_04.png" alt="...">
                            </a>
                            <div class="media-body">
                                <h4 class="media-heading">龙梓嘉，万法一堂艺术品有限公司的董事、Ciga Long 个人设计品牌的创始人、明星御用珠宝设计师（为刘涛、李湘、李小璐等众多艺人以及导演制作人订制珠宝）。 曾于中国美术学院进修，大学就读于世界前三的珠宝设计学院——意大利佛罗伦萨珠宝设计学院。</h4>
                                <p>龙梓嘉出生在曲艺世家，从小耳濡目染并接受着中国古典艺术的熏陶，奠定了他复古风格珠宝设计的基石。他潜心研究各类中式珠宝的细节并大胆使用西方珠宝的制作工艺。清宫的点翠、掐丝珐琅彩，明代琉璃珠、清代老蜜蜡等多种元素与维多利亚、巴洛克、Artdeco 时期复古风格进行组合，他用年轻的视角搭配出了古董珠宝不可思议的设计。</p>
                            </div>
                        </div>
                        <h3>设计简介<small>Design brief</small></h3>
                        <p class="design_brief">
                            逐春系列，从中国水墨画中汲取灵感，传承中国传统文化，珠宝融入诗意之美，将燕子的造型做到极致，每一件都被赋予了女人般娇柔又灵活的姿态，凸显了女性的优雅尊贵，展现了独立女性温柔、端庄的精神。
                        </p>
                        <h3>设计作品<small>Design works</small></h3>
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <span><img src="build/images/zuopin01.png" alt=""/></span>
                                    <span><img src="build/images/zuopin02.png" alt=""/></span>
                                </div>
                                <div class="swiper-slide">
                                    <span><img src="build/images/zuopin01.png" alt=""/></span>
                                    <span><img src="build/images/zuopin02.png" alt=""/></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var mySwiper = new Swiper('#swiper-container',{
            slidesPerView:'auto',
            autoplay:2000,   //自动轮播参数
            pagination: '.swiper-pagination',   //分页器class
            loop:true,   //无限循环
            grabCursor: true,    //鼠标放上时变成手的形状
            paginationClickable :true,   //点击分页切换图像
            autoplayDisableOnInteraction : false,
            // 如果需要前进后退按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev'
        });
    </script>
</body>
</html>